// 按钮形状
.triangle-check {
  overflow: hidden;
  border-width: 0;

  .el-checkbox.is-bordered {
    @apply overflow-hidden px-11 m-0;
    .el-checkbox__input {
      @apply hidden;
    }
    .el-radio-button__inner {
      border-radius: 3px;
      color: #262626;
      border: none;
      width: 100%;
      height: 34px;
      padding: 10px 19px;
      border: 1px solid #d9d9d9;
    }
    &.is-checked {
      background-color: #f3f6ff;
      border-color: #345bff;
      color: #3452e9;
      box-shadow: 0px 0 0 0;
      /* 三角形 */
      &::after {
        content: '';
        @apply absolute -top-4 -right-4 w-8 h-8 bg-primary rounded-2xl;
      }

      /* 三角形勾 */
      &::before {
        content: '';
        @apply absolute w-2 h-1 bg-transparent right-px top-px z-10;
        border: 2px solid #fff;
        border-top: none;
        border-right: none;
        transform: rotate(-45deg);
      }
    }
  }

  .el-radio-button:not(:last-child) {
    margin-right: 16px;
  }
}
